<template>
  <div class="collectionBox">
    <div class="Meun mg-20">
      <div class="flex_c_center mgt-50">
        <div class="fontW-7 font-36 theme-color font-f-ib">{{$t('collectionMenu.title')}}</div>
        <div class="fontW-7 font-20 theme-color mgt-50 font-f-ib">{{$t('collectionMenu.text')}}</div>
        <div class="fontW-7 font-14 color-f mgt-30 font-f-ib">{{$t('collectionMenu.two_text')}}</div>
      </div>
      <div>
        <div class="flex-s-between" style="width:34%;margin:1%">
            <div class="mgt-50"><el-button class="color-0 bg-theme  font-25 fontW-7 boxS-i-4 font-f-ib" style="width:227px;border:0;">{{$t('collectionMenu.new_collection')}}</el-button></div>
            <div class="mgt-50"><el-button class="color-0 bg-theme  font-25 fontW-7 boxS-i-4 font-f-ib" style="width:227px;border:0;">{{$t('collectionMenu.import_collection')}}</el-button></div>
        </div>
        <div class="flex-w-start">
          <div class="collectionItem " v-for="item in collectionData" :key="item.id">
            <trend-item :data="item"/>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import TrendItem from '../../components/component/TrendItem'
const collectionData = [
  {id: 0, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 1, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 2, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 3, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 4, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 5, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 6, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 7, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 8, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'},
  {id: 9, name: 'NIKE', isBroker: false, img_url: require('../../assets/img/img_cate197@1x.png'), ownerName: 'Big Boy', head_url: require('../../assets/img/img_cate197@1x.png'), desc: 'Bullrun Babes are 8888 uniquely generated collectibles built upon the Ethereum ERC-721 standard that is for the matic'}
]
export default {
  components: {
    TrendItem
  },
  data () {
    return {
      collectionData: collectionData
    }
  }
}
</script>
<style lang="less"  scoped>
.collectionBox{
  width: 100%;
  height: auto;
  overflow: hidden;
  .Meun{
    width: 94%;
    height: auto;
    /deep/.el-button:focus,.el-button:hover{
        border:0;
        background: #7de9ff;
        color: #fff;
      }
    .collectionItem{
      width:23%;
      margin:1%;
    }
  }
}
</style>
